<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        
		<title>login</title>
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link href='css/css.css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'></link>
		<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
		
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easy-ticker.js"></script>
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('#demo').hide();
			$('.vticker').easyTicker();
		});
		</script>
		<script type="text/javascript" src="js/megamenu.js"></script>
		<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
		<script src="js/menu_jquery.js"></script>
		
		
		<!-- //End menu -->
		<!---move-top-top---->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		<!---//move-top-top---->
	</head>
	<body>
		<!---start-wrap---->
			<!---start-header---->
		<div class="header">
		
				<%//jsp include进 top-header %>
				<jsp:include page="/component/top-header.jsp" flush="true"/>
				
				<%//jsp include进 middle-header %>
				<jsp:include page="/component/middle-header.jsp" flush="true"/>
				
				<%//jsp include进 middle-header %>
				<jsp:include page="/component/bottom-header.jsp" flush="true"/>
			
		</div>
				<!----//End-bottom-header---->
			<!---//End-header---->
		<!--- start-content---->
		<div class="content login-box">
			<div class="login-main">
				<div class="wrap">
					<h1>LOGIN OR CREATE AN ACCOUNT</h1>
					<div class="login-left">
						<h3>NEW CUSTOMERS</h3>
						<p>By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more.</p>
						<a class="acount-btn" href="register.jsp">CREATE AN ACCOUNT</a>
					</div>
					<div class="login-right">
						<h3>REGISTERED CUSTOMERS</h3>
						<p>If you have an account with us, please log in.</p>
						<form method="post" action="user_foreground/user_login">
							<div>
								<span>USERNAME<label>*</label></span>
								<input type="text"  name="username"> 
							</div>
							<div>
								<span>PASSWORD<label>*</label></span>
								<input type="password"  name="password"> 
							</div>
							<input type="submit" value="LOGIN" />
						</form>
					</div>
					<div class="clear"> </div>
				</div>
			</div>
		</div>
		<!---- start-bottom-grids---->
		<!---- //End-bottom-grids---->
		<!--- //End-content---->
		<!---start-footer---->
		
		<div class="footer">
			<%//jsp include进 footer %>
			<jsp:include page="/component/footer.jsp" flush="true"/>
		</div>
		<!---//End-footer---->
		<!---//End-wrap---->
</body>
</html>

